<template>
  <div>
    <ol class="grid">
      <li v-for="(item,index) in vewList" :key="index" @click="$router.push(`/about/${item.id}`)">
        <img
          :src="item.icon"
          alt=""
        />
        <p>{{item.name}}</p>
      </li>
    </ol>
  </div>
</template>

<script>
import { ref, reactive, toRefs } from "vue";
export default {
  props:{
    vewList: Array
  },
  setup() {},
};
</script>
<style lang="scss" scoped>
.grid {
  display: inline-flex;
  flex-wrap: wrap;
  li {
    width: 33%;
    margin-bottom: 10px;
    img {
      width: 100%;
    }
    p {
      text-align: center;
    }
  }
}
</style>